HTML इनपुट फॉर्म* विशेषताएँ
यह अध्याय HTML <इनपुट> तत्व के लिए विभिन्न फॉर्म* विशेषताओं का वर्णन करता है।
महत्वपूर्ण नोट:
फॉर्म* विशेषता इनपुट तत्वों को तत्व के भीतर विशेषताओं को ओवरराइड करने की अनुमति देती है। इन्हें आमतौर पर सबमिट और छवि इनपुट प्रकारों के साथ उपयोग किया जाता है।
प्रपत्र विशेषता
इनपुट फॉर्म विशेषता उस फॉर्म को निर्दिष्ट करती है जिससे <इनपुट> तत्व संबंधित है।
इस विशेषता का मान उस <form> तत्व की आईडी विशेषता के बराबर होना चाहिए जिससे यह संबंधित है।
उदाहरण
HTML फ़्रेम के बाहर स्थित एक इनपुट फ़ील्ड (लेकिन फिर भी फ़्रेम का हिस्सा):
<form action="/action_page.php" id="form1">
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<input type="submit" value="Submit">
</form>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname" form="form1">
गठन विशेषता
इनपुटफॉर्मएक्शन विशेषता कोबडाड में यूआरएल निर्दिष्ट करती है जो फॉर्मेशन सबमिट होने पर इनपुट को प्रोसेस करेगी।
| गुण | उपयोगी इनपुट प्रकार |
|---|---|
| formaction | सबमिट करें और छवि |
उदाहरण
विभिन्न क्रियाओं के साथ दो सबमिट बटन वाला HTML चरण:
<form action="/action_page.php">
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<input type="submit" value="Submit">
<input type="submit" formaction="/action_page2.php" value="Submit as Admin">
</form>
फॉर्मेंक्टाइप विशेषता
इनपुट फॉर्मेंक्टाइप विशेषता निर्दिष्ट करती है कि सबमिट किए जाने पर चरण-डेटा को कैसे एन्कोड किया जाना चाहिए (केवल विधि = "पोस्ट" वाले चरणों के लिए)।
उदाहरण
दो सबमिट बटन के साथ चरण। पहला डिफ़ॉल्ट एन्कोडिंग के साथ स्टेप-डेटा भेजता है, दूसरा "मल्टीपार्ट/फॉर्म-डेटा" के रूप में एन्कोडेड स्टेप-डेटा भेजता है:
<form action="/action_page_binary.asp" method="post">
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<input type="submit" value="Submit">
<input type="submit" formenctype="multipart/form-data"
value="Submit as Multipart/form-data">
</form>
महत्वपूर्ण आवेदन:
फ़ाइल अपलोड के लिए formenctype='multipart/form-data' आवश्यक है क्योंकि यह बाइनरी डेटा भेजने की अनुमति देता है।
formmethod विशेषता
इनपुट फॉर्ममेथड विशेषता एक्शन यूआरएल पर फॉर्म-डेटा भेजने के लिए HTTP विधि को परिभाषित करती है।
उदाहरण
दो सबमिट बटन के साथ चरण। पहला चरण-डेटा विधि='प्राप्त' के साथ भेजता है। दूसरा चरण-दर-चरण डेटा विधि = "पोस्ट" के साथ भेजता है:
<form action="/action_page.php" method="get">
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<input type="submit" value="Submit using GET">
<input type="submit" formmethod="post" value="Submit using POST">
</form>
"प्राप्त करें" विधि पर नोट्स:
- यह विधि URL में चरण-डेटा को नाम/मान जोड़े के रूप में जोड़ती है
- यह विधि चरण-दर-चरण सबमिशन के लिए उपयोगी है जहां उपयोगकर्ता परिणाम को बुकमार्क करना चाहता है
- एक यूआरएल में कितना डेटा रखा जा सकता है इसकी एक सीमा है
- संवेदनशील जानकारी भेजने के लिए "GET" पद्धति का उपयोग न करें!
"पोस्ट" विधि पर नोट्स:
- यह विधि चरण-दर-चरण डेटा को HTTP पोस्ट एक्सचेंज के रूप में भेजती है
- स्टेप सबमिशन को "POST" पद्धति से बुकमार्क नहीं किया जा सकता
- "POST" विधि "GET" की तुलना में अधिक मजबूत और सुरक्षित है।
- "POST" की कोई आकार सीमा नहीं है
प्रारूप लक्ष्य विशेषता
इनपुट फॉर्मटार्गेट विशेषता एक नाम या कीवर्ड निर्दिष्ट करती है जो यह दर्शाती है कि चरण सबमिट करने के बाद प्राप्त प्रतिक्रिया को कहां प्रदर्शित किया जाए।
उदाहरण
विभिन्न लक्ष्य विंडो वाले दो सबमिट बटन वाला चरण:
<form action="/action_page.php">
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<input type="submit" value="Submit">
<input type="submit" formtarget="_blank" value="Submit to a new window/tab">
</form>
| लक्ष्य मान | व्याख्या |
|---|---|
| _blank | नई विंडो/टैब में खुलता है |
| _self | वर्तमान विंडो में खुलता है (डिफ़ॉल्ट) |
| _parent | शीर्ष पर खुलता है |
| _top | पूर्ण विंडो में खुलता है |
फॉर्मनोवैलिडेट विशेषता
इनपुट फॉर्मनोवैलिडेट विशेषता निर्दिष्ट करती है कि सबमिट किए जाने पर <इनपुट> तत्व को मान्य नहीं किया जाना चाहिए।
उदाहरण
दो सबमिट बटन वाला चरण (सत्यापन के साथ और बिना सत्यापन):
<form action="/action_page.php">
<label for="email">Enter your email:</label>
<input type="email" id="email" name="email"><br><br>
<input type="submit" value="Submit">
<input type="submit" formnovalidate="formnovalidate"
value="Submit without validation">
</form>
नवीनीकृत विशेषता
नोवैलिडेट विशेषता एक <form> विशेषता है।
वैकल्पिक रूप से, नोवैलिडेट निर्दिष्ट करता है कि सबमिट किए जाने पर सभी चरण-डेटा को मान्य नहीं किया जाना चाहिए।
उदाहरण
कृपया निर्दिष्ट करें कि सबमिशन में कोई चरण-डेटा सत्यापित नहीं किया जाना चाहिए:
<form action="/action_page.php" novalidate>
<label for="email">Enter your email:</label>
<input type="email" id="email" name="email"><br><br>
<input type="submit" value="Submit">
</form>
महत्वपूर्ण अंतर:
novalidate(फ़ॉर्म पर): संपूर्ण चरण के लिए सत्यापन अक्षम करता है
formnovalidate(इनपुट पर): निर्दिष्ट सबमिट बटन के लिए सत्यापन अक्षम करता है
अभ्यास
INPUT तत्व के लिए कौन सा कानूनी रूप विशेषता नहीं है?
HTML चरण और इनपुट तत्व
| टैग | व्याख्या |
|---|---|
| <form> | उपयोगकर्ता इनपुट के लिए HTML प्रारूप को परिभाषित करता है |
| <input> | इनपुट नियंत्रण को परिभाषित करता है |
अतिरिक्त स्रोत:
सभी उपलब्ध HTML टैग्स की पूरी सूची के लिए, हमारे HTML टैग संदर्भ पर जाएँ।
फॉर्म* विशेषताओं का सारांश:
| गुण | का उल्लंघन करती है | उपयोगी इनपुट प्रकार |
|---|---|---|
| form | - | सब कुछ |
| formaction | action | submit, image |
| formenctype | enctype | submit, image |
| formmethod | method | submit, image |
| formtarget | target | submit, image |
| formnovalidate | novalidate | submit |